.container {
    background-color: #fafafa;
    width: 100vw;
    box-sizing: border-box;
    min-height: 100vh;
    padding: 0 28rpx;
}

.add-num1 {
    background: #FF7642;
    padding: 0 12rpx;
    box-sizing: border-box;
    border-radius: 50%;
    color: #ffffff;
}

.topipt {
    background-color: #FFFFFF;
    width: 100%;
    height: 72rpx;
    box-sizing: border-box;
    border-radius: 44rpx;
    display: flex;
    align-items: center;
    gap: 8rpx;
    padding: 22rpx 30rpx;

    .img {
        width: 28rpx;
        height: 28rpx;
    }
}

.rowtitle {
    margin-top: 32rpx;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .lefttitle {
        display: flex;
        align-items: center;
        gap: 20rpx;

        .text {
            font-size: 30rpx;
            color: #202536;
            font-weight: 600;
        }

        .img {
            width: 60rpx;
            height: 60rpx;
        }
    }

    .righttip {
        display: flex;
        align-items: center;
        gap: 12rpx;

        .seatbox {
            font-size: 24rpx;
            color: #565868;

            .dark {
                color: #202536;
            }
        }

        .redtag {
            font-size: 24rpx;
            color: #FFFFFF;
            padding: 0 11rpx;
            background-color: #FF7642;
            border-radius: 16rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36rpx;
        }

        .moreimg {
            width: 24rpx;
            height: 24rpx;
        }
    }
}

.teamlistbox {
    // margin-top: 60rpx;
    margin-top: 24rpx;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24rpx;
    // padding-bottom: 400rpx;
    padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
    padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
    .item {
        background-color: #FFFFFF;
        border-radius: 16rpx;
        width: 100%;
        box-sizing: border-box;
        padding: 32rpx 24rpx;
        display: flex;
        flex-direction: column;
        gap: 12rpx;

        .top {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .checkimg {
                width: 32rpx;
                height: 32rpx;
                margin-right: 24rpx;
            }

            .arrow {
                width: 24rpx;
                height: 24rpx;
            }

            .header {
                width: 60rpx;
                height: 60rpx;
                border-radius: 50%;
                margin-right: 20rpx;
            }

            .name {
                color: #202536;
                font-size: 32rpx;
                font-weight: 600;
                margin-right: 12rpx;
            }

            .gzgw {
                margin-right: 12rpx;
                box-sizing: border-box;
                padding: 6rpx 12rpx;
                color: #E7E1C8;
                border-radius: 202rpx;
                background: linear-gradient(180deg, #333026 0%, #5E5443 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                height: 32rpx;
                font-size: 20rpx;
            }

            .zw {
                margin-right: 12rpx;
                box-sizing: border-box;
                padding: 6rpx 12rpx;
                color: #202536;
                border-radius: 202rpx;
                background: rgba(32, 37, 54, 0.1);
                display: flex;
                align-items: center;
                justify-content: center;
                height: 32rpx;
                font-size: 20rpx;
            }

            .qx {
                margin-right: 12rpx;
                box-sizing: border-box;
                padding: 6rpx 12rpx;
                color: #ffffff;
                border-radius: 202rpx;
                background-color: #00D679;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 32rpx;
                font-size: 20rpx;
            }
        }

        .bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10rpx;
            font-size: 28rpx;
            color: #202536;

            .forbidden {
                height: 64rpx;
                flex: 1;
                flex-shrink: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                background-image: url('https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManagera5014763-47b9-44f9-8024-71d438f11df6.png');
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .phone {
                height: 64rpx;
                flex: 1;
                flex-shrink: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                background-image: url('https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManager135126aa-58cc-4473-b41a-ed1d4b6d1475.png');
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .img {
                width: 36rpx;
                height: 36rpx;
                margin-right: 12rpx;
            }
        }
    }
}

.btnbox {
    background-color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 24rpx 24rpx 90rpx;

    .btn {
        width: 100%;
        box-sizing: border-box;
        height: 88rpx;
        border-radius: 44rpx;
        background-color: #00D679;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        font-size: 36rpx;
    }
}

.seatmsg {
    width: 100%;
	box-sizing: border-box;
	margin-top: 60rpx;
    // padding: 0 24rpx;
    // position: fixed;
    // left: 0;
    // bottom: 210rpx;

    .seatbox {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: 104rpx;
        background-image: url('https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManager62b4defc-2025-4d24-acde-eddc77b466c9.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 0 54rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .text {
            font-size: 28rpx;
        }

        .btnseat {
            font-size: 24rpx;
            width: 120rpx;
            height: 52rpx;
            border: 2rpx solid #FF7642;
            border-radius: 8rpx;
            display: flex;
            color: #FF7642;
            align-items: center;
            justify-content: center;
        }


        .close {
            position: absolute;
            right: 0;
            top: 0;
            width: 36rpx;
            height: 36rpx;
        }
    }
}

.selectallbox {
    display: flex;
    align-items: center;
    gap: 10rpx;
    color: #565868;
    font-size: 24rpx;

    .checkimg {
        width: 32rpx;
        height: 32rpx;
    }
}

.footer {
    background-color: #FFFFFF;
    width: 100vw;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 24rpx 24rpx 90rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24rpx;

    .btn {
        flex: 1;
        height: 88rpx;
        border-radius: 44rpx;
        box-sizing: border-box;
        font-size: 36rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sure {
        background-color: #00D679;
        color: #ffffff;
    }

    .cancel {
        background-color: #ffffff;
        color: #565868;
        border: 2rpx solid #DEE0E3;
    }
}